import React from 'react'
import { NavLink } from 'react-router-dom'
import TagCircle from './../newsComponents/tagCircle'
import Popover from './popover'
import './index.scss'

function Com() {
  const onSelect = (selection) => {
    console.log(selection)
  }

  return (
    <>
      <header className="news_header header">
        <p className='news_header_p'>
          <NavLink className="news_header_msg" activeClassName='news_header_active' to='/news/msg'>消息</NavLink>
          <NavLink className="news_header_notify " activeClassName='news_header_active' to='/news/notify'>
            <TagCircle position={{ left: '100%' }} content={3} />
            通知
          </NavLink>
        </p>


        <Popover onSelect={onSelect}>
          <span className="news_header_add" ></span>
        </Popover>
      </header>

    </>
  )
}

export default Com